<template>
	<view class="map-box">
		<map name="" :latitude="lat" :longitude="lon" :markers="markers" :style="{width:w,height:w}" scale="14" />
	</view>
</template>

<script setup>
	import { computed } from 'vue';
	const props = defineProps(['lat', 'lon', 'markers'])
	const { safeArea } = uni.getSystemInfoSync()
	const w = computed(() => safeArea.width + 'px' )
</script>

<style lang="scss" scoped>

</style>